<template>
  <div class="loading">
     <div
     v-loading="loading"
        element-loading-text="拼命加载中"
        element-loading-spinner="el-icon-loading"
        element-loading-background="rgba(0, 0, 0, 0.8)"
        style="width: 100%;height:00%"
        size="big"
        ></div>
  </div>
</template>

<script>
export default {
  name: 'Loading',
  components: {
  },
   data() {
      return {
        loading: true
      }
   },
   mounted(){
     //初始化
      this.isCollapse = this.$store.state.isCollapse
    },
   methods:{
   }
}
</script>
<style lang="scss" scoped>
    .loading{
    position: fixed;
    top:0;
    left:0;
    z-index:100;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.8);
  }
</style>